import React from 'react';
//  react 组件有两个数据来源  属性props(父组件给的)   状态state(自己的)
//               对比vue        props                 data            
class App extends React.Component {
    // constructor(props){
    //   super(props)
    //   this.state = {
    //     name:"你好",
    //     til:"哈哈"
    //   }
    //   this.a = {
    //     til:"AAAA"
    //   }
    // }
    state = {
      til:"STate",
      ary:[1,2,3,4,5]
    }
    a = {
      til:'AAAA'
    }

    render() {
        console.log(this.props)
        let {ary} = this.state;
        return <div className=''>
            {this.props.til}
            {this.state.til}
            {this.a.til}
            <ul>
              {
                ary.map(item=><li key={item}>{item}</li>)
              }
            </ul>
        </div>;
    }
}
export default App